/*
* @Author: vivi
* @Date:   2020-07-05 10:26:02
* @Last Modified by:   vivi
* @Last Modified time: 2020-07-11 15:32:58
*/
// 数据
//about
var about_data={
	intro:{
		h6:[],
		p:[
			'时光网络科技，前身是科瑞思软件工作室，组建于2007年09月，现位于漯河市源汇区柳江路69号。是针对政府机构、大中小企业提供信息化管理的咨询、实施、培训、服务为一体的企业管理信息化的高新技术企业。',
			'时光网络科技专注于为政府机构或企业的管理信息化、幼儿及中小学教育信息化、市政运营信息化等相关领域，凭借多年在应用系统开发以及信息安全服务的积累的经验，为用户提供信息化服务咨询、完整的解决方案、服务和技术支持。',
			'时光网络科技倡导"专业、务实、高效、创新"的企业精神，具有良好的内部机制。优良的工作环境以及良好的激励机制，吸引了一批年轻的、有学识的、具有实干精神的人才。高素质、高水平、高效率的人才是时光网络科技在当今激烈的市场中立于不败之地的保障。'
		]		
	},
	power:{
		h6:[
			'完整、完美的策划和设计',
			'先进、专业的支持与服务',
			'系统集成与应用系统开发'
		],
		p:[
			'公司在产品研发方面的高投入，众多项目的实际应用，让我们具备了相应的创造力和丰富的经验，这将成为解决疑问和难题的良好保证。可为您提供多方面完整、完美的策划和设计：如项目的规划立项、总体方案设计、方案评估论证。',
			'公司众多一流人才的深层磨合，对最新技术执拗的探讨精神，使我们能够保证为你提供专业的应用。严格遵守"及时、专业、真诚"的服务方针以保证最快的速度、最有效的方法为您提供集成化的技术服务，解除您的后顾之忧。',
			'与知名IT厂商和IT服务供应商建立长久战略伙伴合作关系，让您时刻把握前沿的技术脉搏和行业动态。时光网络科技真诚希望能够有机会参与您的企业信息化建设，解决您在信息建设过程中出现的各类的问题，为您信息化建设做出我们的贡献。'
		]
	},
	culture:{
		h6:[
			'客户至上','尊重个人','鼓励创新','团队合作'
		],
		p:[
			'以客户业务为中心，以客户实际业务需求为导向，从客户利益出发，为客户提供完善的信息化应用解决方案。',
			'不论职位高低，都将受到充分的尊重和平等的对待。给予同等的机会，鼓励与公司共同发展，制定与公司发展步调一致的个人年度事业发展计划。',
			'系统开发是一项智力型的事业，公司提供挑战性的事业发展空间，鼓励大家创造性地工作，充分发挥个人的最大价值，从而创造出最佳的工作效果。',
			'在工作中，公司强调相互尊重、相互理解和有效的沟通，从而在平等和谐的合作氛围中创造"1 + 1>2"的工作效应。'
		]
	},
	active:{
		h6:[
			'对优秀程序员的思考',
			'解决 IIS 和 Serv-U 端口冲突的问题',
			'ASP.NET MVC中，在View和PartialView中"共…',
			'程序员想更成功？这个方法最关键'
		],
		p:[
			'关于技术人员知识体系的思考PS：网上已经有很多类似的文章，但我依然要再造一次“轮子”，因为多少有些不同的心得。人生总有目标和追求不管…',
			'服务器情况：服务器上IIS配置的是网站，ftp服务器采用的是Serv-U，用于文件上传。症状：总是看到Serv-U的图标有黄色感叹号出现，而且IIS中…',
			'最近在做一些比较基础的部分，做到界面时想到一个问题：在ASP.NET MVC(Razor View Engine)中，如果我要让多个项目之间共享一个_Layout.csht…',
			'虽然我一直以来都很享受于读书，但我总是很难挤出时间来阅读。而当真的空闲了，我通常会去阅读小说、自传，或一些怪癖但有趣的东西。我的Ki…'
		]
	}	
}

var bg=['./images/index/banner03.jpg','./images/index/banner11.jpg','./images/index/banner09.jpg','./images/index/banner04.jpg','./images/index/banner01.jpg'];


//service
var service_data={
	h3:['软件定制开发','行业软件','微信公众平台','400企业电话','网站建设','域名注册','虚拟主机','企业邮局'],
	span:['glyphicon glyphicon-retweet',
			'glyphicon glyphicon-file',
			'glyphicon glyphicon-comment',
			'glyphicon glyphicon-earphone',
			'glyphicon glyphicon-globe',
			'glyphicon glyphicon-eur',
			'glyphicon glyphicon-blackboard',
			'glyphicon glyphicon-envelope'
		],
	a:[
		'我们推出的软件定制、定制软件服务，以最快的速度，简单的流程为客户定制高质量、易操作的管理软件，协助客户解决管理难题，为客户提供更优质的服务。',
		'公司代理的有财务软件、商超管理软件、酒店客房餐饮管理软件、进销存管理软件、网络办公(OA)管理软件等，满足不同行业对企业管理及发展的软件需求。',
		'15大服务项目，开通简单快捷；10分钟熟悉操作界面和功能位置，30分钟即可完成上线。国内领先的微信营销服务平台,为企业打造全方位的微营销服务。',
		'对外只需公布唯一的400号码，统一宣传，简单易记。适用于教育咨询、旅游、医药、网络IT、贸易、金融、商务服务、保险、餐饮等多种类型行业。',
		'专业团队，提供一对一的专属定位；好的营销网站，带来更多的咨询量和成交量；结合网络推广，访问量、成交量翻一番；并为您提供以下运营指导服务！',
		'电子商务、网上销售、网络广告已成为商界关注的热点。要想在网上建立服务器发布信息，则必须首先申请域名，只有有了自己的域名才能让别人访问到自己。',
		'主机是以：空间大小、流量大小、支持网站语言、数据库类型、操作系统及功能区分，我们提供经济型、全能型、ASP.Net专业型、PHP专业型等多种类型。',
		'微信直接收发邮件，管理功能丰富多样，应对特殊办公情景，全面支持移动办公，与QQ、微信完美整合。为企业打造全方位的信息化服务。'
	]
}

//case data
var case_data={
	h3:['政府机构','教育行业','公共事业','云计算与虚拟化','批发零售','企业核心应用','制造加工','移动应用'],
	span:['glyphicon glyphicon-tower',
			'glyphicon glyphicon-book',
			'glyphicon glyphicon-tree-deciduous',
			'glyphicon glyphicon-cloud-upload',
			'glyphicon glyphicon-asterisk',
			'glyphicon glyphicon-hdd',
			'glyphicon glyphicon-blackboard',
			'glyphicon glyphicon-phone'
		],
	a:[
		'政府行业解决方案主要包括政府通用解决方案、审计行业、财政行业、统战行业、药监行业、质监行业、环保行业、气象行业、农业等解决方案。',
		'提供信息化管理平台，包括学生档案、收费、家庭作业、网络课堂、在线考试、安全进出等最优的数字化校园解决方案，为教育发展提供强大武器。',
		'轨道交通业务管理、城市通卡业务管理、电子账单支付及呈现、第三方支付、社保卡业务管理、医疗卫生业务管理、城市交通智能分析类定制服务。',
		'云计算与虚拟化解决方案包括 ： 数据中心虚拟化、桌面虚拟化。虚拟计算是指通过网络以按需、易扩展的方式获得所需的硬件、软件、平台及服务等资源势。',
		'把进销存管理与移动体验互联解决方案，高密度大用户接入解决方案，在万物互联时代助力零售企业开启崭新的商机。',
		'企业资源计划、客户关系管理、供应商关系管理、产品生命周期管理、人力资源管理、企业资产管理、企业级项目管理、企业门户、企业商务智能…',
		'制造企业生产执行系统（MES）、物流运作管理系统（LES）、产品生命周期管理系统（PLM）、企业设备管理系统、数据中心及决策支持解决方案。',
		'企业微博、企业IM系统、Mobile Connector系统、SNS社区系统、手机客户端平台开发及适配服务、移动互联网业务平台开发服务…'
	]
}

//client
var client_data={
	p:['力帆汽车4s店','西平凯达燃气有限公司','郾城环保局','中共漯河市委党校','漯河市委统战部','永城市委统战部','河南万顺科技有限公司','漯河市公安局','河南简好节能技术有限公司','恒涛拍卖','香港夏博装饰','勐海县银海石斛开发有限公司'],
	img:['images/index/logo01.jpg','images/index/logo02.jpg','images/index/logo03.jpg','images/index/logo04.jpg',
		'images/index/logo05.jpg','images/index/logo06.jpg','images/index/logo07.jpg','images/index/logo08.jpg',
		'images/index/logo09.jpg','images/index/logo10.jpg','images/index/logo11.jpg','images/index/logo12.jpg']
}
//导入 关于 的数据
for(let i=1;i<6;i++){
	$('.vheader-screen').eq(i).css('background','url('+bg[i-1]+')');
}

for(let i=0;i<about_data.intro.p.length;i++){
	var p=$('<p>'+about_data.intro.p[i]+'</p>');
	$('.about').eq(0).append(p);
}
for(let i=0;i<about_data.power.p.length;i++){
	var h6=$('<h6>'+about_data.power.h6[i]+'</h6>');
	var p=$('<p>'+about_data.power.p[i]+'</p>');
	$('.about').eq(1).append(h6);
	$('.about').eq(1).append(p);
}
for(let i=0;i<about_data.culture.p.length;i++){
	var h6=$('<h6>'+about_data.culture.h6[i]+'</h6>');
	var p=$('<p>'+about_data.culture.p[i]+'</p>');
	$('.about').eq(2).append(h6);
	$('.about').eq(2).append(p);
}
for(let i=0;i<about_data.active.p.length;i++){
	var h6=$('<h6>'+about_data.active.h6[i]+'</h6>');
	var p=$('<p>'+about_data.active.p[i]+'</p>');
	$('.about').eq(3).append(h6);
	$('.about').eq(3).append(p);
}
//import service
for(let i=0;i<service_data.h3.length;i++){
	var h3=$('<h3>'+service_data.h3[i]+'</h3>');
	var span=$('<span class="'+service_data.span[i]+'"></span>');
	span.addClass('img_size');
	$('.pic ul>li>a>p').eq(i).html(service_data.a[i]);
	$('.pic ul>li').eq(i).append(span,h3);
}
//import case
for(let i=0;i<case_data.h3.length;i++){
	var h3=$('<h3>'+case_data.h3[i]+'</h3>');
	var span=$('<span class="'+case_data.span[i]+'"></span>');
	span.addClass('img_size');
	$('.pic1 ul>li>a>p').eq(i).html(case_data.a[i]);
	$('.pic1 ul>li').eq(i).append(span,h3);
}
//import client
for(let i=0;i<client_data.p.length;i++){
	var p=$('<p>'+client_data.p[i]+'</p>');
	var img=$('<img src="'+client_data.img[i]+'"></img>');
	$('.pic2 ul>li>a').eq(i).append(img,p);
}
//事先隐藏
$('.about').hide();
$('.vheader-screen .about_top ul>li>span').hide();
// $('.service li>a').hide();


//事先显现
$('.about').eq(0).show();
$('.vheader-screen .about_top ul>li>span').eq(0).show();
$('.vheader-screen .about_top ul>li').eq(0).css('opacity','1');

//首页

//关于
$('.vheader-screen .about_top ul>li').on('mouseenter',function(){
	var index=$(this).index();
	$('.vheader-screen .about_top ul>li').eq(index).siblings().css('opacity','0.6');
	$('.vheader-screen .about_top ul>li>span').hide();
	$('.about').hide();
	$('.vheader-screen .about_top ul>li').eq(index).css('opacity','1');
	$('.vheader-screen .about_top ul>li>span').eq(index).show();
	$('.about').eq(index).show();
	$('.service li>a').show();
})




$(function(){
	var num=0;
	var timer=null;

	$('.center>li').click(function(e){
		var index=$(this).index();
		$('.center>li>a').css('color','#fff');
		$('.center>li>a').eq(index).css('color','#00c2ff');
		$('.ul').stop().animate({top:-index*100+'%'});
		num=index;
	})
	$(document).mousewheel(function(e,d){		
		clearTimeout(timer);
		timer=setTimeout(function(){
			num-=d;
			if(num>5){num=5};
			if(num<0){num=0};
			console.log(num);
			$('.vheader-screen>h5').removeClass('animate__animated animate__rubberBand');
			$('.ul').stop().animate({top:-num*100+'%'},500);
			$('.vheader-screen>h5').eq(num-2).addClass('animate__animated animate__rubberBand');
			// $('.vheader-screen>.service').eq(num-2).addClass('animate__animated animate__bounceInUp');
			$('.center>li>a').css('color','#fff');
			$('.center>li>a').eq(num).css('color','#00c2ff');
			//about animate
			$('.robot_top .about_top>ul').removeClass('animate__animated animate__bounceInRight');
			$('.about_top>div').removeClass('animate__animated animate__bounceInLeft');
			if(num==1){				
				$('.robot_top .about_top>ul').addClass('animate__animated animate__bounceInRight');
				$('.about_top>div').addClass('animate__animated animate__bounceInLeft');
			}
			//pic animate
			// $('vheader-screen>service').eq(num).removeClass('animate__animated animate__bounceInUp');
			$('.pic>.service').removeClass('animate__animated animate__bounceInUp');
			if(num==2){
				$('.pic>.service').addClass('animate__animated animate__bounceInUp');
			}
			$('.pic1>.service').removeClass('animate__animated animate__bounceInUp');
			if(num==3){
				$('.pic1>.service').addClass('animate__animated animate__bounceInUp');
			}
			$('.pic2>.service').removeClass('animate__animated animate__fadeInUpBig');
			if(num==4){
				$('.pic2>.service').addClass('animate__animated animate__fadeInUpBig');
			}
			$('.pic3>.service li').eq(0).removeClass('animate__animated animate__bounceInLeft');
			$('.pic3>.service li').eq(1).removeClass('animate__animated animate__bounceInRight');
			$('.pic3>.service li').eq(2).removeClass('animate__animated animate__bounceInRight');
			if(num==5){
				$('.pic3>.service li').eq(0).addClass('animate__animated animate__bounceInLeft');
				$('.pic3>.service li').eq(1).addClass('animate__animated animate__bounceInRight');
				$('.pic3>.service li').eq(2).addClass('animate__animated animate__bounceInRight');
			}
			if(num!=0){
				$('.navbar').css({'background':'#000','opacity':'0.6'});
			}else{
				$('.navbar').css('background','transparent');
			}
		},600)
	})

})

// class="animate__animated animate__bounceInRight"

// $('.center>li').index






